@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --foreground-rgb: 0, 0, 0;
  --background-start-rgb: 214, 219, 220;
  --background-end-rgb: 255, 255, 255;
  --background: 255, 255, 255;
  --background-second: 245, 245, 249;
  --color: 0, 0, 0;
  --color-second: 110, 110, 110;
}
// :root[data-prefers-color-scheme="dark"] {
//   --foreground-rgb: 255, 255, 255;
//   --background-start-rgb: 0, 0, 0;
//   --background-end-rgb: 0, 0, 0;
//   --background: 0, 0, 0;
//   --color: 255, 255, 255;
// }

@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 255, 255, 255;
    --background-start-rgb: 0, 0, 0;
    --background-end-rgb: 0, 0, 0;
    --background: 0, 0, 0;
    --background-second: 20, 20, 20;
    --color: 255, 255, 255;
    --color-second: 141, 141, 141;
  }
}

body,
.layouts {
  width: 100vw;
  height: 100vh;
  color: rgb(var(--color));
  // background: linear-gradient(to bottom, transparent, rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb));
  background: rgb(var(--background));
}
body {
  overflow: hidden;
}
.mapbox_container {
  width: 100vw;
  height: 100vh;
  background: #e3e7e7;
}
._icons {
  width: 2.67rem;
  height: 2.67rem;
  background: #ffffff;
  box-shadow: 0rem 0.17rem 0.83rem 0rem rgba(0, 0, 0, 0.1);
}

.theme_purple {
  --adm-color-primary: #3734a9;
  // --adm-color-primary: red;
}

.text-nowarp {
  white-space: nowrap;
}
.bg-prime {
  // color: rgb(var(--color));
  background: rgb(var(--background));
}
.bg-second {
  background: rgb(var(--background-second));
}

.color-prime {
  color: rgb(var(--color));
}
.color-second {
  color: rgb(var(--color-second));
}

.theme_picker_slider_select {
  color: white;
  .adm-picker-view-column {
    background: #3734a9;
  }
  .adm-picker-view-column-item {
    width: 2rem;
    height: 2rem;
    margin: auto;
    background: #3834a8;
  }
  .adm-picker-view-column-item[aria-label="active"] {
    background: aqua;
    border-radius: 50%;
    .adm-picker-view-column-item-label {
      background: aqua;
      color: #3834a8;
    }
  }
  .adm-picker-view-mask {
    display: none;
  }
}

.border-purple {
  border: 0.07rem solid rgba(55, 52, 169, 0.6);
}
